<template>
    <div class="item">
        <span>￥{{data.money}}元</span>
        <p class="status">
            <template v-if="data.status === '0'">提现中</template>
            <template v-if="data.status === '1'">提现成功</template>
            <template v-if="data.status === '2'">提现失败</template>
        </p>
        <p class="time">{{data.time}}</p>
    </div>
</template>

<script>
export default {
    name: "item",
    props: {
        data: {
            type: Object
        }
    }
}
</script>

<style scoped lang="less">
    @import "@/theme.less";
    .item{
        position: relative;
        padding:0 10px;
        box-sizing: border-box;
        height: 60px;
        line-height: 60px;
        &::after{
            position: absolute;
            bottom:0;
            content: "";
            display: block;
            width: 355px;
            height: 1px;
            background: @font-color3;
        }
        p{
            position: absolute;
            width: 150px;
            height: 30px;
            right:10px;
            line-height: 30px;
            text-align: right;
            &.time{
                bottom: 0;
                color: @font-color2;
            }
            &.status{
                top:0;
            }
        }
    }
</style>
